<template>
  <div class="app-left-item">
    <subheadings :name='`地震活动断层探查管理系统（${provinceName}）`' />
    <VisiteCount />
  </div>
  <div class="app-left-item">
    <subheadings :name='`${provinceName}活动断层段总数`' />
    <Total />
  </div>
  <div class="app-left-item">
    <Statistics />
  </div>
</template>
<script setup>
import VisiteCount from './visiteCount.vue'
import Total from './total.vue'
import Statistics from './statistics.vue'
const route = useRoute()
const { provinceName } = route.query
</script>
<style scoped lang="scss">
.app-left-item {
  .subheadings {
    height: auto;
    background-size: cover;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  }

  &:not(:last-child) {
    flex: inherit !important;
  }
}
</style>